<template>
  <div class="homeContainer">
    <div>Home展示区</div>
    <hr>
    <Count></Count>
    <hr></hr>
    <LoveTalk />
  </div>
</template>

<script setup lang="ts" name="Home">
import Count from "@/components/Count.vue";
import LoveTalk from "@/components/LoveTalk.vue";

import { onMounted } from "vue";
import { useRouter } from "vue-router"; //useRouter使用路由器实现跳转

const router = useRouter();
onMounted(() => {
  setTimeout(() => {
    // router.push("/news"); //这种就是编程式路由导航跳转
  }, 3000);
});
</script>

<style lang="scss" scoped>
.homeContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
</style>
